<template>
  <div> 
   
<span v-for="(item,index) in list" :key="index">
  <input type="checkbox" :value="item" v-model="isOne">{{item}} 
</span>
<ul>
  <li v-for="(item,index) in isOne" :key="index">{{item}}</li>
</ul>

  </div>

</template>

<script>
export default {

  data() {
    return {
      list :["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
      isOne : []
    };
  },

  methods: {
  },
};
</script>

<style>

</style>